In-Page Links for Content Navigation 頁面內連結

頁面內連結（in-page links）通常嵌入在目錄中，幫助使用者在頁面內快速跳轉到特定內容部分。儘管研究顯示使用者對該設計模式的熟悉度增加，但在實施之前需仔細考慮內容結構，以確保頁面內導航的有效性。

頁面內連結定義

頁面內連結（也稱為跳轉連結或錨連結）是一種將使用者引導至頁面特定部分的連結，類似於電梯可以直接帶使用者到達目標樓層。

頁面內連結通常用於頁面頂部的目錄中，展示內容主題列表，幫助使用者直接跳轉到感興趣的部分。雖然目錄可以有多種格式（例如摺疊面板或固定導航欄），本文重點討論頁面內連結的應用。

研究發現：使用者對頁面內連結的認知

頁面內連結是否仍然會讓使用者困惑？

使用者通常熟悉頁面內連結，但某些格式可能造成混淆。例如，類似外部連結的樣式或鄰近"檢視更多"內容可能誤導使用者。清晰標註"目錄"或"本頁內容"可有效避免這種情況。

使用者如何識別頁面內連結？

使用者在點選連結時通常會依賴視覺提示，如連結樣式和上下文標識。將頁面內連結放在文章標題下方的目錄中，或加上“目錄”標題，有助於使用者辨識。

使用者如何使用頁面內連結？

頁面內連結在以下兩方面對使用者有幫助：

跳過不相關內容：使用者可以跳過不感興趣的內容，直接進入相關部分，減少滾動。

概覽頁面內容：在頁面頂部的目錄讓使用者快速瞭解頁面內容，幫助形成心智模型並決定是否繼續瀏覽。

頁面內連結：使用或避免？

要決定是否使用頁面內連結，需考慮以下因素：

頁面長度：頁面內容較長時頁面內連結才有價值。對於資訊較少的短頁面，目錄反而會增加頁面長度，推高關鍵內容位置。

內容縮減：在考慮使用頁面內連結時，首先應檢查是否可精簡內容，以避免冗長頁面。

單頁還是多頁：展示長頁面並用連結導航是可行的，但這可能導致載入時間延長或對移動裝置不友好。對於多主題頁面，將內容分成多個頁面可能更為實際。

邏輯分塊：使用頁面內連結需將內容分塊並配以清晰標題，但如果資訊連貫性較強、難以切分，頁面內連結則不適用。

替代方案：摺疊面板與標籤頁。摺疊面板和標籤頁是目錄的替代設計模式：

• 摺疊面板在移動端表現優異，適合減少頁面長度並提升使用者體驗。

• 標籤頁的低發現性較為常見，使用者往往只注意到預設標籤內容，忽略其他標籤資訊；在移動端螢幕有限的情況下，標籤頁更為不便。

在選擇這些設計模式時，優先考慮內容結構和使用者目標，以確保使用者體驗的最大化。

基於頁面內連結的目錄是長頁面內容導航的有效工具。研究顯示使用者對該模式的熟悉度不斷增加。適當的樣式和標識能增強其作用，幫助使用者快速訪問特定內容。決定是否使用頁面內連結應基於對內容結構和使用者需求的深入考慮。如果不確定，可透過可用性測試評估連結的適用性。